<template>
  <div>
    <div class="nav"><h2>注册帐号</h2></div>
    <!-- 表单 -->
    <el-form style="width: 400px; margin: auto">
      <!-- 公司或团队手机号注册 -->
      <el-form-item>
        <el-input
          prefix-icon="el-icon-mobile-phone"
          placeholder="请输入手机号账号"
          style="margin-top: 30px"
        ></el-input>
      </el-form-item>
      <!-- 公司/团队密码注册 -->
      <el-form-item>
        <el-input prefix-icon="el-icon-lock" placeholder="设置密码"></el-input>
      </el-form-item>
      <!-- 公司名称/团队名称 -->
      <el-form-item> 
        <el-input prefix-icon="el-icon-s-custom" placeholder="请输入公司名称"></el-input>
      </el-form-item>
      <!-- 营业执照 -->
      <el-form-item>
        <el-upload
          class="upload-demo"
          drag
          action="https://jsonplaceholder.typicode.com/posts/"
          multiple
        >
          <i class="el-icon-upload"></i>
          <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
          <div class="el-upload__tip" slot="tip">
            只能上传jpg/png文件，且不超过2M的营业执照
          </div>
        </el-upload>
      </el-form-item>
      <el-form-item class="box1">
        <el-input
          prefix-icon="el-icon-medal"
          placeholder="验证码"
          style="width: 70%"
        ></el-input>
        <el-button style="width: 30%; background: #2c9688; color: white"
          >获取验证码</el-button
        >
      </el-form-item>
      <el-form-item style="width: 400px; text-align: left">
        <el-checkbox label="我已经阅读并接受"></el-checkbox>&ensp;
        <span><a href="" style="color: #2c9688">用户协议</a></span>
      </el-form-item>
      <el-form-item>
        <el-button
          style="
            width: 400px;
            background: #2c9688;
            color: white;
            font-size: 1.2em;
          "
          >注&emsp;&emsp;&emsp;&emsp;&emsp;册</el-button
        >
      </el-form-item>
      <el-form-item style="text-align: left">
        <span style="color: #2c9688">用已有账号登录</span>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.nav {
  height: 70px;
  background-color: #2e9688;
  color: whitesmoke;
  line-height: 70px;
}
</style>